<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接监控详情</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0" />
       <#include "/view/admin/head.html"/>
   
   <link rel="stylesheet" type="text/css"
	href="${base}/jstool/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" type="text/css"
	href="${base}/jstool/bootstrap-switch/css/bootstrap3/bootstrap-switch.min.css" />
<link rel="stylesheet" type="text/css"
	href="${base}//jstool/bootstrap-fileinput/css/fileinput.min.css" />
<script type="text/javascript"
	src="${base}/jstool/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript"
	src="${base}/jstool/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript"
	src="${base}/jstool/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script type="text/javascript"
	src="${base}/jstool/bootstrap-fileinput/js/fileinput.min.js"></script>
<script type="text/javascript"
	src="${base}/jstool/bootstrap-fileinput/js/locals/zh.js"></script>
<link rel="stylesheet" type="text/css"
	href="${base}/jstool/silviomoreto-bootstrap-select20151109/dist/css/bootstrap-select.css.map" />
<link rel="stylesheet" type="text/css"
	href="${base}/jstool/silviomoreto-bootstrap-select20151109/dist/css/bootstrap-select.min.css"/>
         <script type="
	text/javascript" src="${base}/jstool/silviomoreto-bootstrap-select20151109/dist/js/bootstrap-select.min.js">
</script>
<script type="text/javascript"
	src="${base}/jstool/silviomoreto-bootstrap-select20151109/dist/js/bootstrap-select.js.map"></script>
<script type="text/javascript"
	src="${base}/jstool/silviomoreto-bootstrap-select20151109/dist/js/i18n/defaults-zh_CN.min.js"></script> 
   
   
    <style type="text/css">
        .table-class{
            width:90%;
            text-align: center;
            border:1px solid #afd9ee;
            margin:0 auto;
            margin-top: 50px;
        }
        .list-path{
            height: 50px;
            line-height: 50px;
            background-color: #9acfea;

        }
        table{table-layout:fixed;word-break:break-all;}

        table th{
            text-align: center;
        }
        table thead tr {
            background-color: #9acfea;
        }
        .table-query{
            /*height: 40px;*/
            /*width:80px;*/
            /*text-align: center;*/
            white-space:nowrap;
            /*position: relative;*/
            float: left;
            display:inherit;
            /*display: inline;*/


        }
        .template-muban{
            /*display: inline;*/
            /*position: relative;*/
            float: right;
            margin-top:25px;
            margin-right: 30px;

        }
        .label-head{
            height: 60px;
            width: 100%;
        }
    </style>
</head>
<body>
<script>
   function query(dm){
           
	   
	   		document.form1.submit();
        }
   </script>
	<#include "/view/admin/listnav.html"/> 
<div class="table-class">
    <div class="label-head">
    
    <form action="${base}/other/detail" name="form1" method="get">
        <div class="input-group table-query" style="margin-top:25px;margin-left: 50px;">
        	<input type="hidden" name="url"  value="${url!}"/>
   				<label class="col-sm-1 control-label" for="ds_username">开始时间</label>
						<div class="col-sm-3">
							<div class="input-append date begin_datetime" data-date="">
							
								<input size="16" name="beginTime" type="text" class="form-control"
									value="${beginTime!?html}"
									readonly> <span class="add-on"><i
									class="icon-remove"></i></span> <span class="add-on"><i
									class="icon-calendar"></i></span>
							</div>

						</div>
						<label class="col-sm-1 control-label" for="ds_username">结束时间</label>
						<div class="col-sm-3">
							<div class="input-append date end_datetime" data-date="">
								<input size="16" name="endTime" type="text"  class="form-control"
									value="${endTime!?html}"
									readonly> <span class="add-on"><i
									class="icon-remove"></i></span> <span class="add-on"><i
									class="icon-calendar"></i></span>
							</div>
						</div>
            
        <#--     <label class="col-sm-1 control-label" for="ds_host">类型</label>
						<div class="col-sm-3">
							<div class="col-lg-10">
								 <select id="basic" name="type"
									class="selectpicker show-tick form-control"
									data-live-search="true">
									<option value="0" <#if type==0>selected</#if> >全部</option>
									<option value="1" <#if type==1>selected</#if>>爱车服务</option>
									<option value="2" <#if type==2>selected</#if>>要出发</option> 
								</select> 
							</div>
						</div> -->
            </form>
            
            
            <a class="btn btn-info" href="javascript:query(this)"><span class="glyphicon glyphicon-search"></span> 查找</a>


        </div>
    </div>


    <hr/>

    <table class="table table-hover">
        <thead>
        <tr>
          <!--   <th>类型</th> -->
            <th>URL</th>
           <!--  <th>昨日访问量</th>
            <th>总访问量</th> -->
            <th>创建时间</th>
        </tr>
        </thead>
        <tbody>
        <#list pagination.list as c>
            <tr>
                
           <!--  <td>
                	<#if c.type??>
                		<#if c.type==1>爱车服务</#if>
                		<#if c.type==2>要出发</#if>
                		
                	</#if>
                </td> -->
                <td>
                	 ${c.url!?html}
                </td>
            <!--     <td> ${c.yestotal!?html}</td>
                   <td>
             		  ${c.totals!?html}
                </td> -->
                <td> <#if (c.createtime)?? >${c.createtime?string('yyyy-MM-dd HH:mm')}</#if></td>
	
            </tr>
        </#list>
 
        </tbody>
    </table>
 
   <ul class="pagination">
        <#if pagination??>
            <#if pagination.pageNo gt 1>
                <li><a href="${base}/other/detail?pageNo=1&beginTime=${beginTime!}&endTime=${endTime!}&type=${type!}">首页</a></li>
            </#if>
            <#list 5..1 as t>
                <#if (pagination.pageNo-t gt 0)>
                    <li><a href="${base}/other/detail?pageNo=#{pagination.pageNo-t}&beginTime=${beginTime!}&endTime=${endTime!}&type=${type!}">#{pagination.pageNo-t}</a></li>
                </#if>
            </#list>
            <li><a href="#" style="background-color: #ddd;">#{pagination.pageNo}</a></li>
            <#list 1..5 as t>
                <#if (pagination.totalPage gt pagination.pageNo+t-1)>
                    <li><a href="${base}/other/detail?pageNo=#{pagination.pageNo+t}&beginTime=${beginTime!}&endTime=${endTime!}&type=${type!}">#{pagination.pageNo+t}</a></li>
                </#if>
            </#list>
            <#if pagination.totalPage gt pagination.pageNo>
                <li><a href="${base}/other/detail?pageNo=#{pagination.totalPage}&beginTime=${beginTime!}&endTime=${endTime!}&type=${type!}">尾页</a></li>
            </#if>

        </#if>

    </ul>
</div>
<script>


</script>

</body>
</html>



<script type="text/javascript">
	$(".begin_datetime")
			.datetimepicker(
					{
						language : 'zh-CN',//显示中文
						format : "yyyy-mm-dd hh:ii",
						autoclose : true,
						todayBtn : true,
						startDate : "<#if (czjfestivalact.beginTime)??>${czjfestivalact.beginTime?string('yyyy-MM-dd HH:mm'  )}</#if>",
						minuteStep : 10
					});
</script>

<script type="text/javascript">
	$(".end_datetime")
			.datetimepicker(
					{
						language : 'zh-CN',//显示中文
						format : "yyyy-mm-dd hh:ii",
						autoclose : true,
						todayBtn : true,
						startDate : "<#if (czjfestivalact.beginTime)??>${czjfestivalact.beginTime?string('yyyy-MM-dd HH:mm'  )}</#if>",
						minuteStep : 10
					});
</script>
